/* CSS Document */

*{margin:0 auto;padding:0;}

img{border:0;}

ul,li{list-style:none;margin:0;padding:0;}

body{font-family:""; font-size:12px; margin:0 auto; padding:0;text-align:center;background: url(../images/bg.gif) repeat #ccc}

.left{float:left;}

.right{float:right;}

.clear{clear:both;}

.mt{ margin-top:8px;}

.cl{clear:both;}

/*link*/

a:link{ color:#505050;text-decoration:none;}

a:visited{ color:#505050; text-decoration:none;}

a:hover{ color:#d41f00;; text-decoration:underline;}

a:active{ color:#505050; text-decoration:none;}

/*white*/

.white:link{ color:white; text-decoration:none;}

.white:visited{ color:white; text-decoration:none;}

.white:hover{ color:white; text-decoration:underline;}

.white:active{ color:white; text-decoration:none;}





/*top*/

#header{ background:url(../images/top_bg.gif) repeat-x;}

#head{ width:1000px; height:28px; line-height:28px;}

#top{width:1000px;}

.logo{ float:left; margin:5px 0;}

.hot{ float:right; margin-top:15px;}

#banner{width:750px; height:320px; margin-top:5px;}

#content{ width:1000px; margin-top:8px;}

.news{ width:258px;float:right;text-align:left; line-height:24px;}

#bottom{ line-height:24px;text-align:center;width:1000px; color:#505050;}

#footer{ background:#ffffff;padding-top:5px; margin-top:8px;color:#505050;padding-bottom:15px}

.link{ line-height:26px; text-align:left; background:url(../images/link_bg.gif) repeat-x;line-height:28px; border:1px solid #dfdfdf; padding:0 3px;} 

 



#nav{ background:url(../images/nav_bg.gif) repeat-x;width:1000px;margin:0 auto;}

.menu{width:1000px;text-align:center;height:40px;line-height:40px;background:url(../images/menu_bg.gif) repeat-x; margin-top:1px;}

.menu ul li{float:left;width:97px; background:url(../images/menu_li.gif) no-repeat right center; display:inline;font-size:14px;font-weight:bold;font-family:"微软雅黑";}

.menu ul li a{width:96px;height:40px;display:block;}

.menu ul li a:hover{text-decoration:none;background:url(../images/ahover.png) 5px 0px no-repeat;}

.menu ul .nav_fg {margin: 0 auto;float: left;width: 2px;height: 40px;background: url(../images/nav_fg.gif);}

#home{ background:url(../images/ahover.png) no-repeat center center;}

#home a{color:#fff;}

/*news*/

.news_list li{background:url(../images/icon.gif) no-repeat left 30%; padding-left:10px;border-bottom:1px dotted #d0d0d0;line-height:28px}

.news_list span{ float:right; font-weight:normal; color:#666666}

.nr{ padding:5px;}

.newbt li{ float:left; width:360px;border-bottom:1px dotted #d0d0d0; margin-right:10px;}

.time{border-bottom:1px dotted #d5d5d5; color:#999999; text-align:right;}



#conl{width:240px; float:left}

#list{width:238px;text-align:left;border:1px solid #e3e3e3;}

#list h2{background:url(../images/tit.gif) repeat-x; line-height:29px;font-size:14px;  color:#d41f00;padding-left:10px;}

#list h3{ clear:both;line-height:32px;font-size:12px;margin:5px 5px;border-bottom:1px dotted #d1d1d1;background: url(../images/hc_list_type.gif) 3px center no-repeat #d41f00;text-indent:24px}

#list h3 a{color:#fff}

#list ul{padding:0 5px;overflow:hidden;}

#list li{ line-height:26px;padding-left:3px; float:left; width:200px;overflow:hidden;background: url(../images/hc_list_types.gif) 3px center no-repeat;text-indent:26px}



.product{ width:480px; float:left;}

#pro li{line-height:24px; text-align:left; width:140px; float:left; margin:4px 10px; display:inline;height:126px}

#pro li img{border:1px solid #dcdcdc; width:135px; height:100px;}

#prod li{line-height:24px; text-align:left; width:140px; float:left; margin:8px 5px; display:inline;height:126px}

#prod li img{border:1px solid #dcdcdc; width:135px; height:100px;}



/*案例样式*/

.caselist li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;clear:both;}

.caselist li p.preview{float:left;margin-right:12px;}

.caselist li p.desc{padding:0 10px;line-height:20px;}

.caselist li a.img{width:100px;height:80px;margin:0 12px 0 10px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:70px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}

.caselist li a.img:hover{border:1px solid #ff9900;}

.caselist li a.img img{vertical-align:middle;width:130px;height:90px}

.caselist li a.type{color:#ff9900;font-weight:bold;}

.caselist li a.title{font-weight:bold;font-size:12px;color:#333;}

.caselist span{display:block;line-height:22px;font-family:Arial;color:#666;}

.caselist span small{font-size:12px;margin-right:10px;}



.slidebar{width:100%;height:18px;position:absolute;bottom:0;background:#888;text-align:right;font-family:"宋体";filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.slidebar a{display:inline-block;padding:0 7px;background:#666;border-left:1px solid #ccc;line-height:14px;text-decoration:none;color:#fff;}

.slidebar a:hover{background:#999;text-decoration:none;color:#fff;}

.slidebar a.on,.slidebar a:hover.on{background:#ed1b23;}



#conr{width:750px;float:right;text-align:left; line-height:24px;}

#conr h2{ font-size:14px; padding-left:15px;background:url(../images/tit1.gif) repeat-x; height:29px; line-height:29px; text-align:left; margin-bottom:5px;color:#191717;}

#conr h2 span{ float:right;margin-right:5px; font-size:12px; font-weight:normal;}

#conr h2 span img{margin-top:8px;}

#conr h3{ font-size:14px; padding-left:10px;background:url(../images/tit.gif) repeat-x; height:29px; line-height:29px; text-align:left; color:#d41f00;}

#conr h3 span{ float:right;margin-right:5px; font-size:12px; font-weight:normal;}

#conr h3 span img{margin-top:8px;}

#conr h4{ text-align:center; border-bottom:1px dotted #CCCCCC;font-size:16px;line-height:32px;}

#conr .info{margin:5px auto;width:740px;text-align:center;}

#conr .text{border-top:1px dashed #ccc;margin-top:15px}

.sidebar{border:1px solid #e3e3e3; margin-bottom:8px;}

.sidebar ul{ padding:5px;}

.sidebar ul li{ line-height:28px;}



.xg{ width:360px; float:left; margin-right:10px;}

.xg h5{ font-size:12px;}

.xg ul li{border-bottom:1px dotted #e2e2e2;}





.page_info{text-align:center;margin-top:10px;color:#333;}

.page_info span{padding:0 2px;font-weight:bold;}

.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}

.page_list a{display:inline-block;color:#BE1623;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}

.page_list a:hover{color:#fff;border:1px solid #BE1623;background:#BE1623;}

.page_list a.on{color:#333;border:1px solid #ccc;background:#fff;}



/*在线客服*/



#kf{width:25px;	z-index:9999;	right:5px;}

#kf_header{font-size:16px;font-weight:bold;text-align:center;padding:0px 0 3px 0;float:left;}

.line{height:2px;margin:0px 20px;}

.line2{height:2px;border-bottom:1px solid orange;margin:0px 20px;}

.help{background:url(../image/kf/help.jpg) no-repeat;height:23px;display:block;padding-left:32px;padding-top:5px;}

.help:hover{background:url(../image/kf/help2.jpg) no-repeat;}

.fk{background:url(../image/kf/fk.jpg) no-repeat;height:23px;display:block;padding-left:32px;padding-top:5px;}

.fk:hover{background:url(../image/kf/fk2.jpg) no-repeat;}

.gz{background:url(../image/kf/gz.jpg) no-repeat;height:23px;display:block;padding-left:32px;padding-top:5px;}

.tel{margin:0px auto;color:#e11010;text-align:center;font-weight:bold;font-size:13px;}

#kf_middle{background-color:#fff;width:152px;border:5px solid #A40E0D;margin:0px auto;float:left;}

#kf_middle .left{float:left;}

#kf_middle .right{float:right;}

#kf_middle p{text-align:left;font-size:14px;font-weight:bold;margin:5px 5px;vertical-align:middle;}

#kf_middle a{margin:5px 5px;}

#kf_footer{height:5px;}

.dis{display:none;}